<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>服饰资讯</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="zx_list">
        <header-top></header-top>
        <header-search-global></header-search-global>
        <comment-top-nav :topnavlist="topnavlist"></comment-top-nav>
        <div class="container">
            <ul class="zx-list">
                <li v-for="item in zixunlist">
                    <div class="img-wrap">
                        <img :src="item.pic">
                    </div>
                    <div class="info">
                        <a :href="item.pcHref">
                        <p class="title">{{item.title}}</p>
                        <p class="desc">{{item.summary}}</p>
                        </a>
                        <p class="shopname">
                            <span>{{item.author}}</span>
                            <span><i class="icon-zx-view"></i>{{item.readAccount}}人看过</span>
                        </p>
                    </div>
                </li>
            </ul>
            <!-- 分页 -->
            <common-page :current="1" :all="count" @btn-click="listen"></common-page>
        </div>
        <!-- 页脚 -->
        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        zx_list();
    </script>
</body>

</html>